<template>
  <div class="hm-header" @click="handleClick">
    <h1>头部</h1>
    <button>click</button>
  </div>
</template>

<script>
export default {
  name: "HmHeader",
  data() {
    return {
      a: 1,
    };
  },
  methods: {
    handleClick() {
      console.log(this, this.a, this.name);
    },
  },
};
</script>


<style scoped>
/* 在style标签上 加上scoped 局部样式 为了避免全局样式冲突 */
div {
  height: 300px;
  background-color: pink;
}
</style>